:root {
    --border-color: #f4f4f4;
    --upload-width: 30%;
    --upload-end: 300%;
}

@keyframes loading {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes loading /*Safari and Chrome*/
{
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}


@keyframes uploading {
    from {
        transform: translateX(0%);
    }
    to {
        transform: translateX(var(--upload-end));
    }
}

@-webkit-keyframes uploading /*Safari and Chrome*/
{
    from {
        transform: translateX(0%);
    }
    to {
        transform: translateX(var(--upload-end));
    }
}


.form-grid {
    /*position: relative;*/
    /*min-height: 150px;*/
}

.wen-form-grid {
    width: 100%;
    overflow-y: hidden;
    -ms-overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-x: auto;
    height: auto;
}

.wen-form-grid .form-grid-body {
    position: relative;
    /*min-height: 150px;*/
}

.wen-form-grid .form-grid-empty > td {
    padding: 100px;
    text-align: center;
    color: #999999
}

.form-grid .form-grid-hidden {
    display: none;
}

.form-grid .page-link {
    cursor: pointer;
}

.wen-form-grid .form-grid-loading-tr {
}

.wen-form-grid .form-grid-loading-td {
    border: 0px;
}

.form-grid .form-grid-loading {
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9999999999999;
}

.form-grid .form-grid-loading .fa {
    animation: loading 500ms infinite linear;
    font-size: 3rem;
}

.form-grid .form-grid-loading text {
    margin-left: 5px;
}

.flex {
    display: flex;
    align-items: center;
}


.wen-form-grid .input-group .bootstrap-switch {
    width: 96px;
    white-space: nowrap;
}

.wen-form-grid .input-group .bootstrap-switch .bootstrap-switch-container {
    width: 141px;
    white-space: nowrap;
}

.wen-form-grid .input-group .bootstrap-switch .bootstrap-switch-container > span {
    width: 47px;
}


.wen-form-grid .form-control {
    z-index: auto !important;
}

.wen-form-grid .form-grid-col > label {
    padding-right: 5px;
    text-align: right;
    margin: 0px;
    word-break: break-all;
}

.wen-form-grid .col-0,
.wen-form-grid .col-1,
.wen-form-grid .col-2,
.wen-form-grid .col-3,
.wen-form-grid .col-4,
.wen-form-grid .col-5,
.wen-form-grid .col-6,
.wen-form-grid .col-7,
.wen-form-grid .col-8,
.wen-form-grid .col-9,
.wen-form-grid .col-10,
.wen-form-grid .col-11,
.wen-form-grid .col-12,
.wen-form-grid .col-13,
.wen-form-grid .col-14,
.wen-form-grid .col-15,
.wen-form-grid .col-16,
.wen-form-grid .col-17,
.wen-form-grid .col-18,
.wen-form-grid .col-19,
.wen-form-grid .col-20,
.wen-form-grid .col-21,
.wen-form-grid .col-22,
.wen-form-grid .col-23,
.wen-form-grid .col-24 {
    flex-shrink: 0;
}

.wen-form-grid .col-0 {
    width: 0px;
}

.wen-form-grid .col-1 {
    width: 4.16%;
}

.wen-form-grid .col-2 {
    width: 8.33%;
}

.wen-form-grid .col-3 {
    width: 12.5%;
}

.wen-form-grid .col-4 {
    width: 16.66%;
}

.wen-form-grid .col-5 {
    width: 20.83%;
}

.wen-form-grid .col-6 {
    width: 25%;
}

.wen-form-grid .col-7 {
    width: 29.16%;
}

.wen-form-grid .col-8 {
    width: 33.33%;
}

.wen-form-grid .col-9 {
    width: 37.5%;
}

.wen-form-grid .col-10 {
    width: 41.66%;
}

.wen-form-grid .col-11 {
    width: 45.83%;
}

.wen-form-grid .col-12 {
    width: 50%;
}

.wen-form-grid .col-13 {
    width: 54.16%;
}

.wen-form-grid .col-14 {
    width: 58.33%;
}

.wen-form-grid .col-15 {
    width: 62.5%;
}

.wen-form-grid .col-16 {
    width: 66.66%;
}

.wen-form-grid .col-17 {
    width: 70.83%;
}

.wen-form-grid .col-18 {
    width: 75%;
}

.wen-form-grid .col-19 {
    width: 79.16%;
}

.wen-form-grid .col-20 {
    width: 83.33%;
}

.wen-form-grid .col-21 {
    width: 87.5%;
}

.wen-form-grid .col-22 {
    width: 91.66%;
}

.wen-form-grid .col-23 {
    width: 95.83%;
}

.wen-form-grid .col-24 {
    width: 100%;
}


.wen-form-grid::-webkit-scrollbar, .textarea::-webkit-scrollbar {
    width: 6px; /* Webkit浏览器上的滚动条宽度 */
    height: 6px;
    border-radius: 5px;
    --webkit-border-radius: 5px;
    --moz-border-radius: 5px;
    --ms-border-radius: 5px;
    --o-border-radius: 5px;
    cursor: pointer;
}

.wen-form-grid::-webkit-scrollbar-thumb, .textarea::-webkit-scrollbar-thumb {
    background-color: dimgrey; /* 滚动条滑块颜色 */
    border-radius: 5px;
    --webkit-border-radius: 5px;
    --moz-border-radius: 5px;
    --ms-border-radius: 5px;
    --o-border-radius: 5px;
    cursor: pointer;

}

.wen-form-grid::-webkit-scrollbar-track, .textarea::-webkit-scrollbar-track {
    background-color: lightgrey; /* 滚动条背景颜色 */
    border-radius: 5px;
    --webkit-border-radius: 5px;
    --moz-border-radius: 5px;
    --ms-border-radius: 5px;
    --o-border-radius: 5px;
    cursor: pointer;
}

.wen-form-grid::-webkit-scrollbar-corner, .textarea::-webkit-scrollbar-corner {
    /*background-color: lightgrey;*/
    border-radius: 5px;
    --webkit-border-radius: 5px;
    --moz-border-radius: 5px;
    --ms-border-radius: 5px;
    --o-border-radius: 5px;
    cursor: pointer;
}

.wen-form-grid::-webkit-scrollbar-track-piece, .textarea::-webkit-scrollbar-track-piece {
    /*background-color: orangered;*/
    border-radius: 5px;
    --webkit-border-radius: 5px;
    --moz-border-radius: 5px;
    --ms-border-radius: 5px;
    --o-border-radius: 5px;
    cursor: pointer;
}

.wen-form-grid::-webkit-scrollbar-button, .textarea::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
    border-radius: 5px;
    --webkit-border-radius: 5px;
    --moz-border-radius: 5px;
    --ms-border-radius: 5px;
    --o-border-radius: 5px;
    cursor: pointer;
}

/*.wen-form-grid .bootstrap-datetimepicker-widget {}*/

.form-grid-table {
    min-width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

.form-grid-header {
    /*border-bottom: 1px solid var(--border-color);*/
}

.form-grid-header tr {
    white-space: nowrap;
}

.form-grid-header th {
    border: 1px solid var(--border-color);
    white-space: nowrap;
    padding: 5px 10px;
    position: relative;
}

.form-grid-header th .form-grid-helper {
    color: #3c8dbc;
    margin-left: 3px;
    cursor: pointer;
    position: relative;
}


.form-grid-header th .form-grid-tooltip {
    position: fixed;
}

.form-grid-header th.column-group {
    text-align: center;
}

.wen-form-grid td .form-grid-help-block {
    position: absolute;
    top: calc(100% - 6px);
    left: 0px;
}

.wen-form-grid td .form-grid-help-block text {
    font-size: 12px;
    margin-left: 3px;
}

.wen-form-grid td {
    border: 1px solid var(--border-color);
}

.wen-form-grid td textarea {
    resize: none;
    min-width: 150px;
}

.wen-form-grid td .colorpicker-element.disabled,
.wen-form-grid td .form-grid-select.disabled {
    position: relative;
}

.wen-form-grid td .colorpicker-element.disabled:before,
.wen-form-grid td .form-grid-select.disabled:before {
    content: '';
    display: inline-block;
    display: -moz-inline-block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999999;
}

.wen-form-grid td > .form-grid-select {
    width: 100%;
}

.wen-form-grid td .form-grid-select .select2-container {
    width: 100% !important;
}

.wen-form-grid td .form-grid-select .select2-selection__rendered {
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    position: relative;
    padding-bottom: 5px;
}

.wen-form-grid td .form-grid-select .select2-selection__rendered .select2-selection__clear {
    position: absolute;
    right: 0px;
    top: -3px;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0px 6px 0px 4px;
    margin: 0px;
    background: white;
}

.wen-form-grid td .form-grid-select .select2-selection--multiple .select2-selection__rendered .select2-selection__clear {
    right: 1px;
}

.wen-form-grid td .form-grid-select .select2-selection__rendered .select2-search__field {
    display: none;
}

.wen-form-grid td .form-grid-select .select2-container--open .select2-search__field,
.wen-form-grid td .form-grid-select .select2-container--focus .select2-search__field,
.wen-form-grid td .form-grid-select .select2-selection__rendered li:nth-child(1) .select2-search__field {
    display: inline-block;
}

.wen-form-grid td .from-grid-radio,
.wen-form-grid td .from-grid-checkbox {
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: center;
    /*justify-content: center;*/
    min-width: 150px;
    padding: 0px 8px;
}

.wen-form-grid td .from-grid-radio .asterisk:before,
.wen-form-grid td .from-grid-checkbox .asterisk:before {
    /*top: 18%;*/
}

.wen-form-grid td .from-grid-radio .radio-option,
.wen-form-grid td .from-grid-checkbox .checkbox-option {
    display: flex;
    align-items: center;
    margin: 0px 5px;
}

.wen-form-grid td .from-grid-radio .radio-option input,
.wen-form-grid td .from-grid-checkbox .checkbox-option input {
    min-width: unset !important;
    width: auto !important;
    margin: 0px 2px 0px 0px;
    /*margin-right: 2px;*/
}

.wen-form-grid td .from-grid-radio .radio-option label,
.wen-form-grid td .from-grid-checkbox .checkbox-option label {
    margin: 0px;
}

.wen-form-grid td > .input-group {
    width: 100%;
}

.wen-form-grid td > .input-group.html {
    padding: 0px 2px;
}

.wen-form-grid td .error[data-error] input {
    border-color: red;
}

.wen-form-grid td .error[data-error] {
}

/*.wen-form-grid td .error[data-error]:after {*/
/*    content: attr(data-error);*/
/*    display: block;*/
/*    width: 100%;*/
/*    position: fixed;*/
/*    color: red;*/
/*    background: rgba(255, 255, 255, .6);*/
/*    font-size: 12px;*/
/*    margin-top: 30px;*/
/*    z-index: 1000;*/
/*}*/

.wen-form-grid td .display {
    padding: 0px 5px;
}

.wen-form-grid td .form-grid-range {
    display: flex;
    align-items: center;
    /*overflow: hidden;*/
}

.wen-form-grid td .form-grid-range .separator {
    padding: 0px 5px;
}

.wen-form-grid td .form-grid-range .start input,
.wen-form-grid td .form-grid-range .end input {
    border: 1px solid transparent;
    text-align: center;
    height: 100%;
    padding: 0px;
}

.wen-form-grid td .form-grid-range-icon {
    border-right: 0px;
}

.wen-form-grid td .form-grid-upload {
    /*width: 100%;*/
}

.wen-form-grid td .form-grid-upload .form-control {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
    flex-grow: inherit;
}

.wen-form-grid td .form-grid-upload .form-control .form-grid-preview-image {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-shadow: 0px 0px 2px 0px #f0ad4e;
    margin-right: 3px;
    height: 100%;
    min-width: 30px;
    position: relative;
    text-align: center;
}

.wen-form-grid td .form-grid-upload .form-control .form-grid-preview-image img {
    height: 100%;
}

.wen-form-grid td .form-grid-upload .form-control .form-grid-preview-image .fa.delete {
    position: absolute;
    top: -8px;
    left: calc(50% - 5px);
    z-index: 1;
    border-radius: 50%;
    color: red;
    background: white;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
}

.wen-form-grid td .form-grid-upload .form-control .form-grid-preview-image:hover .fa.delete {
    display: flex;
}

.wen-form-grid td .form-grid-upload .form-control .form-grid-preview-image .upload-progress {
    position: absolute;
    left: 3px;
    bottom: 2px;
    width: calc(100% - 6px);
    height: 3px;
    background: ghostwhite;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 0px 1px 0px black;
}

.wen-form-grid td .form-grid-upload .form-control .form-grid-preview-image .upload-progress .upload-progress-active {
    width: var(--upload-width);
    height: 100%;
    background: aqua;
    animation: uploading 500ms infinite linear;
}

.wen-form-grid td .form-grid-upload .form-control .form-grid-preview-image .upload-fail {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.wen-form-grid td .form-grid-upload .form-control .form-grid-preview-image .upload-fail .fa-exclamation {
    color: red;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.2);
}

.wen-form-grid td .form-grid-upload .form-control .form-grid-preview-image .upload-fail .re-upload {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 70%;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    display: none;
}

.wen-form-grid td .form-grid-upload .form-control .form-grid-preview-image .upload-fail:hover .fa-exclamation {
    display: none;
}

.wen-form-grid td .form-grid-upload .form-control .form-grid-preview-image .upload-fail:hover .re-upload {
    display: flex;
}


.wen-form-grid td .form-grid-upload .upload-button {
    overflow: hidden;
    position: relative;
    height: 100%;
}

.wen-form-grid td .form-grid-upload .upload-button .upload-input {
    position: absolute;
    top: 0px;
    left: 0px;
    background: transparent;
    opacity: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.form-grid-pagination {
    width: 100%;
}

.wen-form-grid td .bootstrap-switch {
    margin: 0px 10px;
}

.wen-form-grid td .asterisk:before {
    content: '*';
    color: red;
    position: absolute;
    top: 3px;
    left: 2px;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-basis: fit-content;
    -webkit-flex-basis: fit-content;
    height: 100%;
}

.colorpicker-visible {
    min-width: unset !important;
    padding: 5px !important;
}

.wen-form-grid td .form-grid-expand {
    text-align: center;
}

.wen-form-grid td .form-grid-expand a {
    cursor: pointer;
}

.wen-form-grid tr.form-grid-expand-content {
    padding: 0px;
    margin: 0px;
    border: 0px;
}

.wen-form-grid tr.form-grid-expand-content > td {
    padding: 0px;
    margin: 0px;
    border: 0px;
    border-spacing: 0px;
    letter-spacing: 0px;
    word-spacing: 0px;
    border-left: 1px solid #f4f4f4;
    border-right: 1px solid #f4f4f4;
}

.wen-form-grid .form-grid-expand-content-box {
    height: 0px;
    overflow: hidden;
    /*transition-duration: ;*/
    /*-moz-transition-duration: ;*/
    /*-o-transition-duration: ;*/
    /*-webkit-transition-duration: ;*/
    transition-property: height;
    -moz-transition-property: height;
    -o-transition-property: height;
    -webkit-transition-property: height;
    transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
    will-change: height;

}

.wen-form-grid .form-grid-expand-row {
    padding: 20px 10px;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}

.wen-form-grid .form-grid-expand-row > .expand-content {
    width: 100%;
}

.wen-form-grid .form-grid-expand-row > .expand-content > .form-grid-tab {
    margin-bottom: 20px;
}

.wen-form-grid .wen-modal-content > .form-grid-col,
.wen-form-grid .tab-content-item > .form-grid-col,
.wen-form-grid .form-grid-expand-row > .expand-content > .form-grid-col,
.wen-form-grid .form-grid-group-content > .form-grid-col {
    padding-bottom: 20px;
}

.wen-form-grid .form-grid-async-loading {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 40vh;
}

.wen-form-grid .form-grid-async-loading .fa {
    animation: loading 500ms infinite linear;
    font-size: 3rem;
}


.wen-form-grid .tab-content-item > .form-grid-col > .display,
.wen-form-grid .form-grid-expand-row > .expand-content > .form-grid-col > .display {
    border: 1px solid #d2d6de;
    min-height: 34px;
    padding: 0px 5px;
}

.wen-form-grid .form-grid-expand-row > .expand-content > .form-grid-col > .input-group > .form-grid-range input {
    min-width: unset !important;
}

.wen-form-grid .form-grid-expand-row > .expand-content > .form-grid-col > .form-grid-upload .form-control {
    justify-content: flex-start;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    min-height: 30px;
    height: auto !important;
}

.wen-form-grid .form-grid-expand-row > .expand-content > .form-grid-col > .form-grid-upload > .form-control {
    padding-left: 10px;
}

.wen-form-grid .form-grid-expand-row > .expand-content > .form-grid-col > .form-grid-upload > .form-control > .form-grid-preview-image {
    height: 34px;
    margin: 2px;
}

.wen-form-grid .form-grid-expand-row > .expand-content > .form-grid-col > .form-grid-upload > .form-control > .upload-button {
    display: flex;
    margin: 2px;
}

.wen-form-grid .form-grid-expand-row > .expand-content > .form-grid-col > .multiple-column-number {
    min-width: unset !important;
}

.wen-form-grid .form-grid-expand-row > .expand-content > .form-grid-col > .input-group > textarea {
    min-width: unset !important;
}

.wen-form-grid .form-grid-expand-row > .expand-content > .form-grid-col > .html {
    min-height: 34px;
    border: 1px solid #d2d6de;
    line-height: 34px;
    padding: 0px 5px;
}

.wen-form-grid .form-grid-group {
    border: 1px solid #d2d6de;
    margin-bottom: 20px;
}

.wen-form-grid .form-grid-group .form-grid-group-title {
    font-weight: bold;
    text-align: center;
    background: lightgrey;
    padding: 10px;
}

.wen-form-grid .form-grid-group .form-grid-group-content {
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    padding: 20px 10px 10px 10px;
}

.wen-form-grid .form-grid-tab {
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #d2d6de;
}

.wen-form-grid .form-grid-tab .tab-slider {
}

.wen-form-grid .form-grid-tab .tab-slider .tab-slider-item {
    display: inline-block;
    padding: 10px 15px;
    background: lightgrey;
    border-right: 1px solid #d2d6de;
    cursor: pointer;
}


.wen-form-grid .form-grid-tab .tab-slider .tab-slider-item.active {
    color: red;
    font-weight: bold;
    background: white;
    position: relative;
}

.wen-form-grid .form-grid-tab .tab-slider .tab-slider-item.active:after {
    content: '';
    width: 100%;
    position: absolute;
    background: white;
    top: 100%;
    left: 0px;
    height: 1px;
}


.wen-form-grid .form-grid-tab .tab-content {
    overflow: hidden;
    padding: 10px;
    border-top: 1px solid #d2d6de;
    background: white;

}

.wen-form-grid .form-grid-tab .tab-content .tab-content-item {
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}


.wen-form-grid .form-grid-tab.pos-top {

}

.wen-form-grid .form-grid-tab.pos-left {
    display: flex;
}

.wen-form-grid .form-grid-tab.pos-left .tab-slider .tab-slider-item {
    display: block;
}

.wen-form-grid .form-grid-tab.pos-bottom {

}

.wen-form-grid .form-grid-tab.pos-right {
    display: flex;
    justify-content: flex-end;
}

.wen-form-grid .form-grid-tab.pos-right .tab-slider .tab-slider-item {
    display: block;
}

.wen-form-grid .build-in-expand {
    border: 1px solid #d2d6de;
    margin-bottom: 20px;
}

.wen-form-grid .build-in-expand > .form-grid-col {
    padding: 10px;
    position: relative;
    width: 100%;
}

.wen-form-grid .build-in-expand > .form-grid-col:after {
    border-bottom: 1px solid #d2d6de;
    position: absolute;
    top: 100%;
    left: 0px;
    width: 100%;
    content: '';
}


.wen-form-grid .form-grid-modal {
    text-align: center;
}

.wen-form-grid .form-grid-modal > a {
    cursor: pointer;
}

.wen-form-grid .form-grid-expand-row > .expand-content > .form-inline-grid {
    width: 100%;
}


.wen-modal-mask {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 10000;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.3);
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.wen-modal-mask .wen-modal {
    background: white;
    margin-top: 10vh;
    min-width: 50vw;
    max-width: 100vw;
    width: 80vw;
    border-radius: 5px;
    --moz-border-radius: 5px;
    --ms-border-radius: 5px;
    --webkit-border-radius: 5px;
    --o-border-radius: 5px;
    overflow: hidden;
}

.wen-modal-mask .wen-modal-header {
    position: relative;
    display: flex;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #d2d6de;
}

.wen-modal-mask .wen-modal-header .wen-model-title {
    font-weight: bold;
}

.wen-modal-mask .wen-modal-header .btn-close {
    position: absolute;
    right: 4px;
    top: 0px;
    font-size: 20px;
    cursor: pointer;
}

.wen-modal-mask .wen-modal-content {
    width: 100%;
    overflow: auto;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}


.wen-form-grid .column-actions .actions-create {
    margin-left: 5px;
    cursor: pointer;
}

.wen-form-grid .column-actions {
    padding: 0px 10px;
    white-space: nowrap;
}

.wen-form-grid .column-actions .actions-button {
    margin: 2px;
}

.wen-form-grid .form-grid-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: block;
    float: left;
    min-width: 160px;
    padding: 10px;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    border-radius: 4px;
    overflow-y: hidden;
    max-height: unset;
}

.wen-form-grid .form-grid-dropdown-menu li.icheck {
    padding: 0px;
}

.wen-form-grid .form-grid-dropdown-menu li.icheck label .icheckbox_minimal-blue {
    position: relative;
}

.wen-form-grid .form-grid-dropdown-menu li.icheck label .column-filter-input {
    position: absolute;
    opacity: 0;
}

.wen-form-grid .form-grid-dropdown-menu li.icheck label .iCheck-helpser {
    position: absolute;
    top: 0%;
    left: 0%;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    background: rgba(255, 255, 255, 1);
    border: 0px;
    opacity: 0;
}

.wen-form-grid .form-grid-dropdown-menu .column-filter--select {
    max-height: 40vh;
    overflow-y: auto;
    padding: 0px;
}

.wen-form-grid .form-grid-dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.wen-form-grid .form-grid-dropdown-menu .column-filter--between {
    display: flex;
}

.wen-form-grid .form-grid-dropdown-menu .column-filter--between > ul {
    width: 100%;
    padding: 0px;
}

.wen-form-grid .form-grid-dropdown-menu .column-filter--between .range-menu {
}

.wen-form-grid .form-grid-dropdown-menu .column-filter--between .range-min::marker,
.wen-form-grid .form-grid-dropdown-menu .column-filter--between .range-divider::marker,
.wen-form-grid .form-grid-dropdown-menu .column-filter--between .range-max::marker {
    content: '';
}

.wen-form-grid .form-grid-dropdown-menu .column-filter--between .range-divider {
    text-align: center;
    padding: 5px;
}

.wen-form-grid .form-grid-dropdown-menu .column-filter--between .range-menu .range-menu-item {
    list-style: none;
    padding: 0px 5px;
    cursor: pointer;
}

.wen-form-grid .form-grid-dropdown-menu .column-filter--between .range-menu .range-menu-item a {
    white-space: nowrap;
}

